var app = new Vue({
    el:"#app",
    data:{
        userList:[],
        user:{
            id:"",
            age:"",
            username:"",
            password:"",
            email:"",
            sex:""
        }
    },
    methods : {
        findAll:function() {
            axios.get('findAll.user')
                .then(function (response) {
                    app.userList = response.data;
                })
                .catch(function (error) {
                    console.log(error);
                });
        },
        findById:function (id) {
            axios.get('findById.user',{params : {id:id}})
                .then(function (response) {
                    app.user = response.data;
                    //打开编辑窗口
                    $('#myModal').show();
                })
                .catch(function (error) {
                    console.log(error);
                });
        },
        updateUser:function() {
            axios.post('updateUser.user',app.user)
                .then(function (response) {
                    //修改完毕之后,更新所有的数据
                    app.findAll();
                    //关闭当前窗口
                    $('#myModal').hide();
                })
                .catch(function (error) {
                    console.log(error);
                });
        },
        closeModal:function() {
            //关闭当前窗口
            $('#myModal').hide();
        }
    },
    //当Vue对象创建成功并且完成了el的绑定的时候,调用FindAll方法
    created:function() {
        this.findAll();
    }
})